<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
      xmlns:c="http://java.sun.com/jstl/xml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style/styletdbemprunts.css" />
<title>Résultats de recherche - eSharing</title>
</head>
<body>
	<h:form>
	<div class="topbarcontenu">
		<div>
			<span class="logo"><img src="images/ElecSharing-D5.png" /></span> <span
				class="toplink"><a href="connexion.jsf">Connexion</a> | <a
				href="inscription.jsf">Inscription</a></span> <span
				class="topbarrechercher"> 
<!-- 				<h:form style="font: normal 14px/1.2em Calibri, Verdana, Helvetica;" class="recherchepages"> -->
					<h:inputText value="#{mbRecherche.motCleRecherche}" id = "cetaem" class="textrecherche" maxlength = "80" />
					<h:commandButton type="submit" id="btnrechercher" value="Rechercher" style="background-color:#779e14 ;color:white" action="#{mbRecherche.rechercher()}" />
<!-- 				</h:form> -->
			</span>
		</div>
		<br />
		<div>
			<span class="parrainage"> 
<!-- 			<h:form id="parrainer"> -->
					<input type="text" id="cetaem" class="mailfilleul" maxlength="80"
						placeholder="Adresse mail" />
					<h:commandButton type="submit" id="btnparrain" value="Parrainer un ami !" style="background-color:#779e14 ;color:white" />
<!-- 				</h:form> -->
			</span>
		</div>
	</div>

	<p></p>

	<div class="liens">

		<h3>Affiner la recherche</h3>

		<h4>Dates d'emprunt souhaitées</h4>

<!-- 		<h:form id="tempsrecherche"> -->

			<rich:calendar id="datedebut" inputSize="16" style="font: normal 14px/1.2em Calibri, Verdana, Helvetica;" placeholder="De... ?" />
			<rich:calendar id="datefin" inputSize="16" style="font: normal 14px/1.2em Calibri, Verdana, Helvetica;" placeholder="À... ?" />
			<center>
				<h:commandButton id="btnTempsRechercher" value="Aller" />
			</center>

<!-- 		</h:form> -->

		<h4>Localisation</h4>

<!-- 		<h:form id="georecherche"> -->

			<h:selectOneMenu style="font: normal 14px/1.2em Calibri, Verdana, Helvetica;width:150px;" id="boxRegion" value="#{mbRecherche.regionId}">
				<a4j:support event = "onchange" action = "#{mbRecherche.valueChangeRegion()}" reRender = "boxDept" />
				<f:selectItems value="#{mbRecherche.regions}" var = "region"
					itemLabel="#{region.label}" itemValue="#{region.value}" />
			</h:selectOneMenu>
			
			<h:selectOneMenu style="font: normal 14px/1.2em Calibri, Verdana, Helvetica;width:150px;" id="boxDept" value="#{mbRecherche.departementId}">
<!-- 				<a4j:support event = "onchange" action = "#{mbRecherche.valueChangeDepartement()}" reRender = "" /> -->
				<f:selectItems value = "#{mbRecherche.departements}" var = "dept"
					itemLabel = "#{dept.label}" itemValue = "#{dept.value}" />
			</h:selectOneMenu>
			
<!-- 			<h:selectOneMenu id="boxCP" -->
<!-- 				value="#{mbRecherche.codePostalId}"> -->
<!-- 				<a4j:support event = "onchange" action = "#{mbRecherche.valueChangeCp()}" reRender = "boxCommune" /> -->
<!-- 				<f:selectItems value="#{mbRecherche.codePostaux}" var="cp" -->
<!-- 					itemLabel="#{cp.label}" itemValue="#{cp.value}" /> -->
<!-- 			</h:selectOneMenu> -->
			
<!-- 			<h:selectOneMenu id="boxCommune" value="#{mbRecherche.communeCode}"> -->
<!-- 				<a4j:support event = "onchange" action = "#{mbInscription.valueChangeVille()}" reRender = "boxCP" /> -->
<!-- 				<f:selectItems value = "#{mbRecherche.communes}" var = "com" -->
<!-- 					itemLabel = "#{com.label}" itemValue = "#{com.value}" /> -->
<!-- 			</h:selectOneMenu> -->
			
			<br />
			<center>
				<h:commandButton type = "submit" id = "btnGeorechercher" value="Affiner" action="#{mbRecherche.rechercher()}" />
			</center>

<!-- 		</h:form> -->

<!-- 		<h3>Rechercher le catalogue</h3> -->

<!-- 		<ul class="lienlist"> -->
<!-- 			<li><h:commandLink value="categorie 1" /> -->
<!-- 				<ul> -->
<!-- 					<li><a href="">categorie 1.1</a></li> -->
<!-- 				</ul></li> -->
<!-- 			<li><a href="">categorie 1</a> -->
<!-- 				<ul> -->
<!-- 					<li><a href="">categorie 1.1</a></li> -->
<!-- 				</ul></li> -->
<!-- 			<li><a href="">categorie 1</a> -->
<!-- 				<ul> -->
<!-- 					<li><a href="">categorie 1.1</a></li> -->
<!-- 				</ul></li> -->
<!-- 			<li><a href="">categorie 1</a> -->
<!-- 				<ul> -->
<!-- 					<li><a href="">categorie 1.1</a></li> -->
<!-- 				</ul></li> -->
<!-- 			<li><a href="">categorie 1</a> -->
<!-- 				<ul> -->
<!-- 					<li><a href="">categorie 1.1</a></li> -->
<!-- 				</ul></li> -->
<!-- 			<li><a href="">categorie 1</a> -->
<!-- 				<ul> -->
<!-- 					<li><a href="">categorie 1.1</a></li> -->
<!-- 				</ul></li> -->
<!-- 		</ul> -->

	</div>

	<div id="pagecontenu" style="background-color:#DED7D0">
<!-- 		<h:form> -->
<!-- 			<div id="geocriteres"> -->
			
<!-- 				<p> -->

<!-- 					<h:outputText value = "#{mbRecherche.bannGeo}" /> -->
					
<!-- 				</p> -->

<!-- 			</div> -->

<!-- 			<div id="catcriteres"> -->

<!-- 				<p> -->
<!-- 					<h:commandLink value="(Catégorie 1)" /> -->
<!-- 					→ -->
<!-- 					<h:commandLink value="(Catégorie 2)" /> -->
<!-- 					→ -->
<!-- 					<h:commandLink value="..." /> -->
<!-- 					→ -->
<!-- 					<h:commandLink value="(Type)" /> -->
<!-- 				</p> -->
<!-- 			</div> -->
<!-- 		</h:form> -->
		
		<h2 style="color:#FF9900">Résultat de recherche</h2>
		
<!-- 		<h:form> -->
		
			<p>
			
			<rich:panel bodyClass="lienlist">
			
			  	<a4j:repeat  value = "#{mbRecherche.aems}" var = "unAem">
			  	
			  		<h:commandLink actionListener = "#{mbRecherche.recupIdAem}" action="#{mbRecherche.affiche}">
			  		
			  			<f:attribute name="idAem" value = "#{unAem.aem.idAem}" />

						<span class = "spanResultat">
					
							<h:outputText value = "Avis : #{unAem.etoiles} / 5" /><br />
							<h:graphicImage class="imgRes" value="ImgsAems/#{unAem.img}" /><br />
							<b><h:outputText value = "#{unAem.aem.marque.marque} #{unAem.aem.typeAem.typeAem}" /></b> <br />
							<h:outputText value = "#{unAem.dispo} | #{unAem.valeur} €lec. | #{unAem.aem.proprietaire.frCodePostalCommune.frCommune.nomCommune}" />					
						
						</span>
							
					</h:commandLink>

				</a4j:repeat>

			  </rich:panel>
			  
			</p>
			
		
	</div>

			</h:form>
			
	<div id = "goodies">
  
      <ul  style = "float:right"><!--id="sociallinks"-->
        <li>
		<!--<span>-->
		<!--<img id="sociallinks" src="images/rond_fb.png"/>-->
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/rond_fb.png"/></a><!--</span>-->
        </li>
        <li>
          <!--<a href="@sadfdsafdfd" style ="color: #707070">TW</a>-->
		  <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/rond_tw.png"/></a>
        </li>
        <li>
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/rond_google_plus.png"/></a>
        </li>
        <li>
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/Ico-RSS.ico"/></a>
        </li>
      </ul>
  
  </div>


	<div class="footer">
		<span style="align: left"> <a href="/trust">Confiance et
				sécurité</a>
		</span> | <span style="align: left"> <a href="/about/about-us">A
				propos</a>
		</span>
	</div>


</body>

</html>